<template>
    <div id='not-mobile'>
        <div class='help-title'>不支持PC端登录，请用扫码登录</div>
        <img :src="jumpQRCodeUrl" width="300">
    </div>
</template>

<script>

    import  { mapGetters, mapActions }  from 'vuex'
    export default {
        components:{
        },
        methods:{

        },
        data() {
            return {}
        },
        computed:{
            ...mapGetters([
                'localInfo'
            ]),
            jumpQRCodeUrl(){
                if(this.localInfo.configInfo){
                    return this.localInfo.configInfo.jumpQRCodeUrl
                }
            },
        },
        created(){
            // this.setMsgTipStyle({ top:'100px' })
        },
    }
</script>

<style lang="scss">
    @import "../sass/variables";
    @import "../sass/extends";
    @import "../sass/mixins";

    #not-mobile{
        text-align: center;
        .help-title{
            @extend %font-title;
            font-weight: normal;
            text-align: center;
            padding-top: 35px;
            color:$importColor;
            text-indent: 0;
        }
    }
</style>
